var  Data  =  [{
    value:  26,
    name:  '办理中',
    emphasis:  {
        itemStyle:  {
            shadowColor:  '#FFD255'
        }
    }
},
    {
        value:  35,
        name:  '退回',
        emphasis:  {
            itemStyle:  {
                shadowColor:  '#00C4AC'
            }
        }
    },
    {
        value:  20,
        name:  '已办结',
        emphasis:  {
            itemStyle:  {
                shadowColor:  '#F94C7F'
            }
        }
    }
];
var  Color  =  ['#FFD255',  '#00C4AC',  '#F94C7F'];

option  =  {
    title:  {
        text:  "{value|81}\n{cn|全部办件}",
        x:  "center",
        y:  "center",
        top:  "38%",
        left:  "32%",
        subtext:  "",
        textAlign:  "center",
        textStyle:  {
            color:  "#999",
            fontSize:  "24",
            rich:  {
                value:  {
                    "fontSize":  40,
                    "color":  "#333"
                },
                cn:  {
                    "fontSize":  14,
                    "color":  "#666",
                    "lineHeight":30
                }
            }
        }
    },
    tooltip:  {
        show:  true,
        trigger:  "item",
        formatter:  "{b}:{d}%",

    },
    legend:  {
        orient:  "vertical",
        align:  "auto",
        z:  "103",
        itemGap:  16,
        itemWidth:  30,
        itemHeight:  20,
        top:  "25%",
        right:  30,
        width:  "250px",
        icon:  'path://M511.674  15.59c-273.967  0-496.063  222.095-496.063  496.063  0  273.967  222.095  496.063  496.063  496.063  273.968  0  496.063-222.096  496.063-496.063C1007.738  237.686  785.642  15.59  511.674  15.59zM511.674  744.359c-128.52  0-232.707-104.187-232.707-232.706  0-128.52  104.187-232.707  232.707-232.707  128.521  0  232.707  104.187  232.707  232.707C744.381  640.173  640.195  744.359  511.674  744.359z',
        data:  ["办理中",  "退回",  "已办结"],
        formatter:  function(name)  {
            var  index  =  0;
            var  clientlabels  =  ["办理中",  "退回",  "已办结"];
            var  clientcounts  =  [26,35,20];
            clientlabels.forEach(function(value,i){
                if(value  ==  name){
                    index  =  i;
                }
            });
            if(clientlabels[index].length>2){
                return  name  +  "    "  +  clientcounts[index];
            }else{
                return  name  +  "       "  +  clientcounts[index];
            }
        },
        selectedMode:  true,
        textStyle:  {
            color:  "#666",
            fontSize:  16
        }
    },
    grid:  {
        width:  450,
        height:  300,
    },
    series:  [{
        legendHoverLink:  false,
        type:  "pie",
        radius:  ["55%",  "75%"],
        center:  ["32%",  "53%"],
        tooltip:  {
            backgroundColor:  "#fff",
            padding:  [5,  15],
            textStyle:  {
                color:  "#333",
                fontSize:  16
            }
        },
        data:  Data,
        color:  Color,
        emphasis:  {
            itemStyle:  {
                shadowBlur:  5,
                shadowOffsetX: 0
            }
        },
        label: {
            normal: {
                show: false
            }
        }

    }]
};

var myChart = echarts.init(document.getElementById('tuOne'));
myChart.setOption(option);
window.onresize = myChart.resize;